<template>
  <div>
    <!--

    1. 下载安装 npm i qrcode
    2. 导入 import QRCode from 'qrcode'
    3. 准备一个 canvas标签
      <canvas ref="canvas" />
    4.调用生成二维码方法
    QRCode.toCanvas('获取canvas的dom','需要二维码转换成的字符串',/回调函数/配置项{
        宽度，
        二维码颜色，
        外部颜色

    })

-->
    <canvas ref="canvas" />
  </div>
</template>

<script>
import QRCode from 'qrcode'
export default {

  mounted() {
    QRCode.toCanvas(this.$refs.canvas, 'https://www.baidu.com', {
      while: '300',
      color: {
        dark: '#010599FF'
        // light: '#FFBF60FF'
      }
    })
  }

}
</script>

<style>

</style>
